import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AngularDay2Component } from './angular-day2/angular-day2.component';
import { AngularDay3Component } from './angular-day3/angular-day3.component';
import { AngularDay4Component } from './angular-day4/angular-day4.component';
import { AngularDay5Component } from './angular-day5/angular-day5.component';
import { ListService } from './serves/list.service';
import { HttpClientModule } from '@angular/common/http';
import { AngularDay6ParentComponent } from './angular-day6-parent/angular-day6-parent.component';
import { AngularDay6ChildComponent } from './angular-day6-child/angular-day6-child.component';

@NgModule({
  declarations: [
    AppComponent,
    AngularDay2Component,
    AngularDay3Component,
    AngularDay4Component,
    AngularDay5Component,
    AngularDay6ParentComponent,
    AngularDay6ChildComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
  ],
  providers: [ListService],
  bootstrap: [AppComponent],
})
export class AppModule {}
